<template>
  <view class="page flex-col">
    <view class="wrap1 flex-col">
      <view class="group1 flex-col">
        <view class="box1 flex-col">
          <view class="box2 flex-row">
            <text class="word1">9:41</text>
            <view class="group2 flex-col"></view>
            <view class="group3 flex-col"></view>
            <view class="group4 flex-col"></view>
          </view>
          <view class="box3 flex-row justify-between">
            <view class="TextGroup1 flex-col justify-between">
              <text class="word2">资讯</text>
              <text class="txt1">234条最新消息</text>
            </view>
            <view class="group5 flex-col"></view>
          </view>
          <view class="box4 flex-row">
            <view class="Tabs1 flex-col">
              <view class="bd1 flex-row">
                <button class="Button1 flex-col" @click="onClick_1">
                  <text class="txt2">更新</text>
                </button>
                <text class="txt3">排行</text>
                <text class="info1">促销</text>
              </view>
            </view>
          </view>
        </view>
        <view class="box5 flex-col">
          <view class="block1 flex-col">
            <view class="box6 flex-row justify-between">
              <view class="mod1 flex-col"></view>
              <view class="mod2 flex-col justify-between">
                <view class="ImageText1 flex-row justify-between">
                  <view class="TextGroup2 flex-col">
                    <text class="info2">混沌计划</text>
                  </view>
                  <view class="box7 flex-col"></view>
                </view>
                <text class="word3">一分钟前</text>
              </view>
            </view>
            <text class="txt4">
              混沌创意联盟现正式招募新成员，北京、上海、香港、深圳等各大城市全面启动！
            </text>
            <view class="box8 flex-col"></view>
            <view class="ImageText2 flex-row justify-between">
              <view class="bd2 flex-col"></view>
              <view class="TextGroup3 flex-col">
                <text class="word4">混沌HDUN-更新</text>
                <text class="txt5">新功能&nbsp;V4.3.10</text>
                <text class="word5">
                  这里是更新新功能的详细信息，新增功能具体细节信息，增加了虚拟人个人社交主页的账号连接，更新官方入驻平台与生产力的提升。
                </text>
              </view>
            </view>
            <button class="Button2 flex-col" @click="onClick_2">
              <text class="word6">立刻更新&nbsp;(45MB)</text>
            </button>
          </view>
          <view class="block2 flex-col"></view>
          <view class="block3 flex-col"></view>
        </view>
        <view class="box9 flex-col"></view>
      </view>
    </view>
  </view>
</template>
<script>
export default {
  data() {
    return {
      constants: {}
    };
  },
  methods: {
    onClick_1() {
      alert(1);
    },
    onClick_2() {
      alert(1);
    }
  }
};
</script>
<style lang='css'>
@import '../common/common.css';
@import './assets/style/index.rpx.css';
</style>
